<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单 = 表单域 + 表单控件（表单元素） + 提示信息 -->
    <form name="form1" action="http://www.baidu.com" method="get">
    <!-- action = 提交的网页地址    method = 提交方式  name = 表单名称 -->
    <!-- 1.input输入表单元素 -->
    用户名：<input type="text" name="name" value="" placeholder="请输入用户名" maxlength="6"><br>
    <!-- type = 输入框类型  name = 输入框名称  placeholder = 提示信息 -->
    密&nbsp&nbsp&nbsp码：<input type="password" name="password" placeholder="请输入密码" maxlength="6"><br>


    性别：<input type="radio" name="SEX" id="man" value="男"><label for="man">男</label><input type="radio" name="SEX" id="woman" value="女"><label for="woman">女</label><input type="radio" name="SEX" id="other" value="人妖"><label for="other">人妖</label><br>
    <!-- radio = 单选框 添加相同的name属性，则只能选择一个;否则效果和复选框一样-->


    爱好:<input type="checkbox">打篮球<input type="checkbox">打游戏<input type="checkbox">打麻将<br>
    <!-- checkbox = 复选框 -->
    <input type="submit" value="提交">
    <input type="reset" value="重置"><br>
    <input type="button" value="获取短信验证码"><br>
    上传头像:<input type="file"><br>
    <!-- 2.textarea文本域 -->
    <textarea name="textarea" cols="30" rows="10" placeholder="请输入内容"></textarea><br>
    <!-- cols = 每行字数 rows = 行数 -->

    <!-- 3.select下拉列表 -->
    学历:
    <select name="select">
        <option selected="selected">吗喽</option>
        <!-- 默认状态selected = "selected" -->
        <option>博士</option>
        <option>硕士</option>
        <option>本科</option>
        <option>专科</option>
    </select><br>




    <input type="checkbox" checked="checked">我已阅读&laquo;用户协议&raquo;与&laquo;隐私政策&raquo;<br>
    </form>
</body>
</html>